<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" >
    <title>Title</title>
  <link rel="stylesheet" href="/static/css/index.css">

</head>
<body>
<div style="padding: 20px;">在线点餐系统</div>
<div style="width: 100px;height: auto; padding:20px ">
  <div id="USER">
    <div   th:if="${session.USER}" th:object="${session.USER}">
      用户名：<span id="Uname" th:text="*{uname}"></span><br>
      账户： <span id="account" th:text="*{account}"></span>元<br>
      <button id="add">充值</button>
    </div>
  </div>

  <div th:if="!${session.USER}">
    <a href="login.html">请登录</a>
    </br>
    <a href="submit.html">免费注册</a>
  </div>



  <div th:if="${session.USER}">
    <a href="shopSubmit.html">
      成为商家
    </a>
    <form action="/logout" method="get">
      <button type="submit">退出登录</button>
    </form>
  </div>
</div>

<div th:if="${session.USER}" id="content" style="background-color:#EEEEEE;height:100%;width:1200px;position: relative;top: -100px;left:250px;  ">
  <span>店名： <h3 id="shopName" th:text="${shop.shopName}"></h3>
  商家： <h3 id="userName" th:text="${shop.userName}"></h3></span>
  <div id="searchInput">

  </div>
  <table id="show" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;">

  </table>
  <table id="NoPayBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position: relative;top: -200px;left:600px; "></table>
  <table id="payBill" width="600px" style="border: solid; border-spacing: 0;border-collapse: collapse;position:relative;top: -50px;left:600px;"></table>

</div>
<div>

</div>

<script src="/static/js/user.js" type="text/javascript"></script>
</body>
</html>